::-webkit-scrollbar {
    display: none;
}

.login {
    &.background-general {
        position: fixed;
        width: 100%;
        height: 100%;
        background: url("../static/image/background-login_c.jpg") no-repeat center;
        background-size: cover;
    }
    .logo {
        background-image: url('../static/image/logo.png');
        height: 28px;
        width: 168px;
        position: relative;
        left: 30px;
        top: 23px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .login-box {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 600px;
        height: 400px;
        margin-left: -300px;
        margin-top: -200px;
        background: white;
        overflow: hidden;
        border-radius: 10px;
        box-shadow: 10px 15px 50px rgba(0, 0, 0, .4);
        .login-form {
            padding: 25px 40px;
            box-sizing: border-box;
            float: left;
            ul {
                li {
                    display: inline-block;
                    font-size: 16px;
                    color: #808080;
                    cursor: pointer;
                    text-align: center;
                    margin-right: 20px;
                    padding: 5px 0;
                    width: 66px;
                    &.active {
                        color: #403f3d;
                        border-bottom: 2px #857cb9 solid;
                    }
                }
            }
            .div-form {
                margin-top: 30px;
                p {
                    font-size: 16px;
                    margin-bottom: 10px;
                    color: #808080;
                    span{
                        font-weight: bold;
                        color: #857cb9;
                    }
                }
                .error-box{
                    margin-bottom: 10px;
                    border-radius: 3px;
                    padding: 0 7px;
                    color: white;
                    font-size: 10px;
                    line-height: 26px;
                    height: 26px;
                    &.active{
                        background-color: rgb(220,117,92);
                        color: #ffff;
                    }
                }
                .form-group {
                    height: 35px;                    
                    margin-bottom: 16px;
                }
                .icon-box {
                    height: 35px;
                    width: 58px;
                    float: left;
                    box-sizing: border-box;
                    display: inline-block;
                    border-right: none;
                    border-top: rgba(128, 128, 128, .2) solid 1px;
                    border-bottom: rgba(128, 128, 128, .2) solid 1px;
                    border-left: rgba(128, 128, 128, .2) solid 1px;
                    border-top-left-radius: 3px;
                    border-bottom-left-radius: 3px;
                    background-color: rgba(128, 128, 128, 0.1);
                    img {
                        float: right;
                        width: 16px;
                        margin-right: 20px;
                        margin-top: 8px;
                    }
                }
                input {
                    box-sizing: border-box;
                    height: inherit;
                    height: 35px;
                    width: 159px;
                    border-left: none;
                    outline: none;
                    padding: 0;
                    border-top: rgba(128, 128, 128, .2) solid .5px;
                    border-bottom: rgba(128, 128, 128, .2) solid .5px;
                    border-right: rgba(128, 128, 128, .2) solid .5px;
                    border-top-right-radius: 3px;
                    border-bottom-right-radius: 3px;
                    background-color: rgba(128, 128, 128, 0.1);
                }
                button {
                    margin-top: 13px;
                    width: 100%;
                    border: none;
                    padding: 10px;
                    color: white;
                    border-left: none;
                    border-radius: 3px;
                    background: #857cb9;
                }
                .assist-box {
                    font-size: 10px;
                    &>div{
                        overflow: auto;
                        cursor: pointer;
                        color: #808080;
                        // display: inline-block;
                    }
                    // span {
                    //     display: inline-block;
                    //     cursor: pointer;
                    //     color: #808080;
                    // }
                    .fl{
                        float: left !important;
                        height: 18px;
                    }
                    .fr{
                        float: right !important;
                    }
                    img {
                        width: 15px;
                        float: left;
                        margin: 2px 10px 0 5px;
                        box-shadow: 0 0 5px rgba(50,50,50,.3);
                        border-radius: 10px;
                    }
                }
                .no-account {
                    margin: 50px auto 0;
                    display: block;
                    width: 90px;
                    text-decoration: underline;
                    font-size: 10px;
                    color: grey;
                }
            }
            .corp-login{
                .assist-box{
                   .f1{
                        float: left !important;
                    }
                    .fr{
                        float: right !important;
                    } 
                }
                
            }
        }
        .login-welcome {
            height: 100%;
            width: 300px;
            float: right;
            &.picture-box-1 {
                color: white;
                background: url("../static/image/picture-laptop_c.jpg") no-repeat center;
                background-size: cover;
            }
            &.picture-box-2 {
                float: right;
                color: grey;
                background: url("../static/image/picture-buildings_c.jpg") no-repeat center;
                background-size: cover;
            }
            p {
                margin-top: 140px;
                span {
                    font-size: 20px;
                    font-weight: 900;
                }
            }
        }
    }
    .copyright {
        position: absolute;
        width: 100%;
        bottom: 0;
        box-sizing: border-box;
    }
}